package com.djl.zenithbite.common.constants;

public interface VerifyCodeHtmlConstants {

    String MAIL_CONSTANT = "<!DOCTYPE html>\n" +
            "<html lang=\"en\">\n" +
            "<head>\n" +
            "    <meta charset=\"UTF-8\">\n" +
            "    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n" +
            "    <title>炫酷验证码展示</title>\n" +
            "    <style>\n" +
            "        body {\n" +
            "            display: flex;\n" +
            "            justify-content: center;\n" +
            "            align-items: center;\n" +
            "            height: 100vh;\n" +
            "            margin: 0;\n" +
            "            background: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%);\n" +
            "            font-family: 'Arial', sans-serif;\n" +
            "        }\n" +
            "\n" +
            "        .captcha-container {\n" +
            "            background: rgba(255, 255, 255, 0.8);\n" +
            "            padding: 20px;\n" +
            "            border-radius: 10px;\n" +
            "            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\n" +
            "            text-align: center;\n" +
            "        }\n" +
            "\n" +
            "        .captcha-message {\n" +
            "            font-size: 1rem;\n" +
            "            color: #333;\n" +
            "            margin-bottom: 10px;\n" +
            "        }\n" +
            "\n" +
            "        .captcha-text {\n" +
            "            font-size: 2rem;\n" +
            "            font-weight: bold;\n" +
            "            color: #333;\n" +
            "            letter-spacing: 5px;\n" +
            "            text-transform: uppercase;\n" +
            "            background: linear-gradient(90deg, #ff758c, #ff7eb3);\n" +
            "            -webkit-background-clip: text;\n" +
            "            -webkit-text-fill-color: transparent;\n" +
            "            animation: gradient 5s infinite;\n" +
            "        }\n" +
            "\n" +
            "        @keyframes gradient {\n" +
            "            0% { background-position: 0% 50%; }\n" +
            "            50% { background-position: 100% 50%; }\n" +
            "            100% { background-position: 0% 50%; }\n" +
            "        }\n" +
            "    </style>\n" +
            "</head>\n" +
            "<body>\n" +
            "\n" +
            "<div class=\"captcha-container\">\n" +
            "    <div class=\"captcha-message\">Welcome Register ZenithBite System, Your This Time Verify Code is:</div>\n" +
            "    <div class=\"captcha-text\">{{emailContent}}</div>\n" +
            "</div>\n" +
            "\n" +
            "</body>\n" +
            "</html>";
}
